@import (reference) "../../style/mixin.less";
@import (reference) "../../style/flex.less";


.course-share-container{
    background: #FFFFFF;
    .wh(100%,100%);
    .horizontal-vertical-middle;


    .share-content{
      width:640px;
      height:546px;
      background:rgba(255,255,255,1);
      border-radius:15px;
      box-shadow:5px 0px 20px rgba(219,204,204,1);
    }

    .share-title{
      width: 283px;
      height: 52px;
      .background-img("course_share_title.png");
      margin: 43px auto 50px auto;
    }
    .share-form{
      flex-direction: column;
      padding-left: 50px;
      .horizontal-middle;
      .share-input-bg{
        height:78px;
        .vertical-middle;
        border-radius:39px;
        background:rgba(249,249,249,1);
        width:540px;

        input{
          //background:rgba(249,249,249,1);
          background: none;
          font-size:28px;
          color:black;
          padding: 20px 30px;
          height: 100%;
        }

        input::placeholder{
          font-size:28px;
          font-weight:500;
          color:rgba(204,204,204,1);
        }

        .verify-code-input{
          width: 327px;
        }

        .verify-code{
          font-size:28px;
          font-family:PingFang-SC-Bold;
          font-weight:bold;
          color:rgba(0,154,229,1);
        }

        .verify-code-line{
          width:1Px;
          height:34px;
          margin-right: 32px;
          background:rgba(221,221,221,1);
        }

        .verify-disable{
          color:rgba(204,204,204,1);
        }
      }

      .share-input-bg+.share-input-bg{
        margin-top: 30px;
      }

      .submit-btn{
        .horizontal-vertical-middle;
        margin-top: 80px;
        width:540px;
        height:78px;
        background:rgba(0,154,229,1);
        border-radius:39px;
        font-size:30px;
        font-family:PingFang-SC-Heavy;
        font-weight:800;
        color:rgba(255,255,255,1);
      }

    }


 }